<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    //跨域请求：从本机向另一台电脑请求资源，如果本机和另一台电脑的协议，域名，端口号不一致，则本次请求属于跨域请求
    // 同源策略：本机和请求资源的协议，域名，端口号，只要有一个不一致，就算是跨域
    // 解决跨域的办法：
    // 1、cors===服务器设置允许跨域的响应头Access-Control-Aollow-origin
    // 2、jsonp====jsonp是利用script标签自身就能跨域的特性来发送请求，同时给服务器传callback参数来指明回调函数的名字
    // 3、proxy请求代理---（1）在网页中向本机服务器发请求（本网页向本机服务器同源，不存在跨域问题
    //                 -----（2）本机服务器再将请求转发给目标服务器（服务区之间发请求不存在跨域问题
    // 4、script,img,link等这些标签天生可以跨域
    var xhr=XMLHttpRequest
    xhr.open('get','https://yanqianfeng.com/api/addressList')
    xhr.onreadystatechange=function(){
           if(xhr.readystate==4){
            console.log(JSON.parse(xhr.responseText));
           }
    }
    shr.send()
</script>
</html>